<template>
   <div class="home">
     <!-- 三级联动全局组件 ，三级联动已经注册为全局组件，因此不需要再引入-->
     <TypeNav/>
     <ListContainer/>
     <Recommend/>
     <Rank/>
     <GoodsList :title="'猜你喜欢'" :categoryId="[1,2,3,4,5,6,7,8,9]" :num="5"/>
     <GoodsList :title="'手机'" :categoryId="[1]" :num="4"/>
     <GoodsList :title="'电视 | 平板'" :categoryId="[2,4]" :num="4"/>
     <GoodsList :title="'其他'" :categoryId="[3,5,6,7,8,9]" :num="4"/>
     <Brand/>
   </div>
</template>
<script>
//引入其余组件
import ListContainer from '@/pages/Home/ListContainer'
import Recommend from '@/pages/Home/Recommend'
import Rank from '@/pages/Home/Rank'
import GoodsList from '@/pages/Home/GoodsList'
import Brand from '@/pages/Home/Brand'

export default {
   name: 'home',
   components:{ ListContainer, Recommend, Rank,  Brand ,GoodsList},
   mounted() {
     
   },
   computed: {
      
   },
};
</script>
<style >
.home{
   background-color:#f5f5f5
   /* width: 100%; */
  
}
</style>